<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<f:view>
	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />	
			<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />		
		</f:facet>
		
		<link rel="icon" href="bbfav.ico" />
		<link rel="shortcut icon" href="bbfav.ico" />	
	
		<title>Login</title>  
		<style type="text/css">
			
			.ui-button {
				width: 65px;
				height: 25px;
			}
			.ui-button-text {
				text-align: center;
				font-size: 11px;
			}
			.ui-inputfield {
				width: 160px;
				height: 13px;
				font-weight: bold;
			}
			
			.ui-fieldset-legend {
				width: 250px;
				height: 15px;
				font-size: 13px;						
			}
			
			.ui-messages-error {
				width: 350px;
				text-align: left;
			}
			.ui-messages-error-summary{
				font-size: 13px;
			}
			
			.ui-messages-warn {
				width: 350px;
				text-align: left;
			}
			.ui-messages-warn-summary{
				font-size: 13px;
				
			}
			fieldset { 
				border:1px solid;
				border-color: #6EA6D1;
				width: 30%;  
				height: 40%;
			}

			legend {
 				 padding: 0.2em 0.5em;
  				 border:1px solid;
  				 border-color: #6EA6D1;
  				 color:white;
  				 background-color: #6EA6D1;
  				 font-size: 15px;
  				 font-family: calibri;
  				 font-weight: bolder;
  				 text-align:left;
  				 left: auto;
  				 
  			}
			
		</style>

		
	</h:head>


	<h:body>
	<h:form>
		<center>
		<br/><br/><br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<p:messages id="msgs" autoUpdate="true" closable="true"/> 
		
		<p:fieldset toggleable="true" legend="Login CHAT" >
				<br/>
				<h:panelGrid columns="1" style="text-align: left;" >
					
						<h:outputText value="Nome" style=" font-size: 14px; font-family: calibri; font-weight: bold; color:#FFFFFF" />
						<p:inputText id="chave" value="#{loginMB.mensagem.user}" style="font-size: 12px" label="Login" required="true" requiredMessage="Informe o login" />
				
			
						<h:outputText id="Senha" value="Senha" style=" font-size: 14px; font-family: calibri; font-weight: bold; color:#FFFFFF"  />
						<p:password  value="#{loginMB.mensagem.senha}" style="font-size: 12px" label="Senha" required="true" requiredMessage="Informe a senha " /> 
				
				
						<p:commandButton id="idBotaoLogin" action="#{loginMB.login}" update="msgs" value="logar" ajax="false"/>
					
				</h:panelGrid>
				<br/>
		</p:fieldset>
		
	
		</center>
	</h:form>
	
	</h:body>
	
</f:view>

</html>